<template>
  <headVue name="龙头企业"></headVue>
  <div class="banner"></div>
  <van-cell-group inset>
    <van-field v-model="value" placeholder="请输入要查询的企业" />
    <van-button>点击查询</van-button>
  </van-cell-group>
  <main>
    <van-card 
      title="河南省宿鸭湖生态养殖股份有限公司"
      thumb="https://www.zgmyncpjyw.com/uploadfiles/head.png"
    >
    <!-- desc="描述信息" -->
    <template #desc>
     <p>身份认证：营业执照认证</p>
     <p>主营类目：水产</p>
     <p>店铺评分：</p>
    </template>
      <!-- <template #tags>
        <van-tag plain type="danger">描述信息</van-tag>
       
      </template> -->
      <!-- <template #footer>
        <van-button size="mini">按钮</van-button>
        <van-button size="mini">按钮</van-button>
      </template> -->
    </van-card>
  </main>
</template>

<script lang='ts' setup>
import headVue from "@/components/head.vue";
</script>

<style>
.banner {
  height: 180px;
  background: url("https://www.zgmyncpjyw.com/uploadfiles/banner/ltqy-banner-wap.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.van-cell-group {
  display: flex;
  margin-top: 10px;
  justify-content: space-between;
}
.van-field {
  flex: 2;
}
.van-button {
  background: #1a9956;
  color: white;
  border-radius: 0;
}
</style>